<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Traslados</title>
	<link rel="stylesheet" type="text/css"
		href="#{request.contextPath}/css/estilo.css" />
</h:head>
<body>
	<p:ajaxStatus onstart="PF('statusDialog').show()"
		onsuccess="PF('statusDialog').hide()" />

	<p:dialog widgetVar="statusDialog" modal="true" draggable="false"
		closable="false" resizable="false" showHeader="false">
		<p:graphicImage title="Cargando" value="./images/loading.gif" />
	</p:dialog>

	<h:form id="formulario">
		<p:layout id="panelPrincipal"
			style="min-width:750px;min-height:500px;" fullPage="true">

			<p:layoutUnit position="west" resizable="true" size="185"
				minSize="185" maxSize="185" style="align:center">
				<ui:include src="/plantillas/menu.xhtml" />
			</p:layoutUnit>

			<p:layoutUnit position="center" size="750" minSize="750"
				resizable="false">

				<ui:include src="/plantillas/barraherramientas.xhtml">
					<ui:param name="bean" value="#{profesor}" />
					<ui:param name="metodonuevo" value="crear" />
					<ui:param name="metodograbar" value="grabar" />
					<ui:param name="metodoeliminar" value="eliminar" />
				</ui:include>

				<p:panelGrid id="panelConsulta" columns="3">

					<h:panelGroup id="panelConsulta_anoLectivo">
						<h:outputText value="Año lectivo:"
							style=" display:inline-block; width:100%; text-align: left;" />
						<p:inputText value="#{trasladosview.anoLectivo.anno}"
							disabled="true" />
					</h:panelGroup>

					<h:panelGroup id="panelConsulta_sede">
						<h:outputText value="Sede:"
							style=" display:inline-block; width:100%; text-align: left;" />

						<p:selectOneMenu id="panelConsulta_select_sede"
							value="#{trasladosview.sedeSeleccionada}">
							<p:ajax
								update="panelConsulta_jornada,panelConsulta_ciclo,panelConsulta_grado,panelConsulta_grupo,group_traslado"
								listener="#{trasladosview.seleccionarSede}" />
							<f:selectItem itemLabel="Seleccione una sede" itemValue="" />
							<f:selectItems value="#{trasladosview.sedesDisponibles}"
								var="sede" itemLabel="#{sede.nombreSede}"
								itemValue="#{sede.idSede}" />
						</p:selectOneMenu>
						<p:tooltip id="tool_panelConsulta_sede"
							for="panelConsulta_select_sede"
							value="Seleccione la sede a consultar" trackMouse="true" />
					</h:panelGroup>

					<h:panelGroup id="panelConsulta_jornada" columns="1">
						<h:outputText value="Jornada:"
							style=" display:inline-block; width:100%; text-align: left;" />
						<p:selectOneMenu id="panelConsulta_select_jornada"
							value="#{trasladosview.jornadaSeleccionada}">
							<p:ajax
								update="panelConsulta_ciclo,panelConsulta_grado,panelConsulta_grupo,group_traslado"
								listener="#{trasladosview.seleccionarJornada}" />
							<f:selectItem itemLabel="Seleccione una jornada" itemValue="" />
							<f:selectItems value="#{trasladosview.jornadasDisponibles}"
								var="jornada" itemLabel="#{jornada.descripcion}"
								itemValue="#{jornada.codigo}" />
						</p:selectOneMenu>
						<p:tooltip id="tool_panelConsulta_jornada"
							for="panelConsulta_select_jornada"
							value="Seleccione la jornada a consultar" trackMouse="true" />
					</h:panelGroup>

					<h:panelGroup id="panelConsulta_ciclo" columns="1">
						<h:outputText value="Ciclo:"
							style=" display:inline-block; width:100%; text-align: left;" />
						<p:selectOneMenu id="panelConsulta_select_ciclo"
							value="#{trasladosview.cicloSeleccionado}">
							<p:ajax
								update="panelConsulta_grado,panelConsulta_grupo,group_traslado"
								listener="#{trasladosview.seleccionarCiclo}" />
							<f:selectItem itemLabel="Seleccione un ciclo" itemValue="" />
							<f:selectItems value="#{trasladosview.ciclosDisponibles}"
								var="ciclo" itemLabel="#{ciclo.descripcion}"
								itemValue="#{ciclo.codigo}" />
						</p:selectOneMenu>
						<p:tooltip id="tool_panelConsulta_ciclo"
							for="panelConsulta_select_ciclo"
							value="Seleccione el ciclo a consultar" trackMouse="true" />
					</h:panelGroup>

					<h:panelGroup id="panelConsulta_grado" columns="3">
						<h:outputText value="Grado:"
							style=" display:inline-block; width:100%; text-align: left;" />
						<p:selectOneMenu id="panelConsulta_select_grado"
							value="#{trasladosview.gradoSeleccionado}">
							<p:ajax update="panelConsulta_grupo,group_traslado"
								listener="#{trasladosview.seleccionarGrado}" />
							<f:selectItem itemLabel="Seleccione un grado" itemValue="" />
							<f:selectItems value="#{trasladosview.gradosDisponibles}"
								var="grado" itemLabel="#{grado.descripcion}"
								itemValue="#{grado.codigo}" />
						</p:selectOneMenu>
						<p:tooltip id="tool_panelConsulta_grado"
							for="panelConsulta_select_grado"
							value="Seleccione el grado a consultar" trackMouse="true" />
					</h:panelGroup>

					<h:panelGroup id="panelConsulta_grupo" columns="3">
						<h:outputText value="Grupo:"
							style=" display:inline-block; width:100%; text-align: left;" />
						<p:selectOneMenu id="panelConsulta_select_grupo"
							value="#{trasladosview.grupoSeleccionado}">
							<p:ajax update="group_traslado"
								listener="#{trasladosview.seleccionarGrupo}" />
							<f:selectItem itemLabel="Seleccione un grupo" itemValue="" />
							<f:selectItems value="#{trasladosview.gruposDisponibles}"
								var="grupo" itemLabel="#{grupo.descripcion}"
								itemValue="#{grupo.codigo}" />
						</p:selectOneMenu>
						<p:tooltip id="tool_panelConsulta_grupo"
							for="panelConsulta_select_grupo"
							value="Seleccione el grupo a consultar" trackMouse="true" />
					</h:panelGroup>

				</p:panelGrid>

				<br />

				<h:panelGroup id="group_traslado">

					<h:outputText id="labelLista" value="Lista de alumnos:"
						styleClass="tituloPanelGrid"
						style=" display:inline-block; width:100%; text-align: left;"
						rendered="#{not empty trasladosview.alumnosEncontrados and trasladosview.alumnosEncontrados != null}" />

					<br />
					<br />

					<p:dataTable id="tablaResultados" var="alumno" rows="30"
						paginator="true" rowsPerPageTemplate="10,50,100" scrollable="true"
						selection="#{trasladosview.alumnosSeleccionados}"
						rowKey="#{alumno.codigo}"
						value="#{trasladosview.alumnosEncontrados}"
						rendered="#{not empty trasladosview.alumnosEncontrados and trasladosview.alumnosEncontrados != null}">

						<p:column selectionMode="multiple"
							style="width:1em;text-align:center" />

						<p:column headerText="Código" style="width:4em;">
							<h:outputText value="#{alumno.codigo}" />
						</p:column>

						<p:column headerText="Identificación" style="width:8em;">
							<h:outputText value="#{alumno.identificacion}" />
						</p:column>

						<p:column headerText="Nombre" style="width:15em;">
							<h:outputText value="#{alumno.nombre}" />
						</p:column>

						<p:column headerText="Estado" style="width:4em;">
							<h:outputText value="#{alumno.estado ? 'activo' : 'inactivo'}" />
						</p:column>

					</p:dataTable>

					<br />
					<p:commandButton value="Trasladar"
						onclick="PF('trasladoDialog').show();"
						actionListener="#{trasladosview.iniciarTraslado}"
						update="panelTraslado"
						rendered="#{not empty trasladosview.alumnosEncontrados and trasladosview.alumnosEncontrados != null}" />

					<br />
				</h:panelGroup>
			</p:layoutUnit>

		</p:layout>

		<p:dialog id="modal_traslado" header="Información traslado"
			widgetVar="trasladoDialog" modal="true" resizable="false"
			position="center" dynamic="true">

			<p:panelGrid id="panelTraslado" columns="3">

				<f:facet name="header">
					<h:outputText value="Traslado" />
				</f:facet>

				<h:panelGroup id="panelTraslado_sede" columns="3"
					rendered="#{not empty trasladosview.alumnosSeleccionados and trasladosview.alumnosSeleccionados != null}">
					<h:outputText value="Sede:"
						style=" display:inline-block; width:100%; text-align: left;" />
					<p:selectOneMenu id="panelTraslado_select_sede"
						value="#{trasladosview.sedeTrasladoSeleccionada}">
						<p:ajax
							update="panelTraslado_jornada,panelTraslado_ciclo,panelTraslado_grado,panelTraslado_grupo"
							listener="#{trasladosview.seleccionarSedeTraslado}" />
						<f:selectItem itemLabel="Seleccione una sede" itemValue="" />
						<f:selectItems value="#{trasladosview.sedesDisponiblesTraslado}"
							var="sede" itemLabel="#{sede.nombreSede}"
							itemValue="#{sede.idSede}" />
					</p:selectOneMenu>
					<p:tooltip id="tool_panelTraslado_sede"
						for="panelTraslado_select_sede"
						value="Seleccione la sede a consultar" trackMouse="true" />
				</h:panelGroup>

				<h:panelGroup id="panelTraslado_jornada" columns="3"
					rendered="#{not empty trasladosview.alumnosSeleccionados and trasladosview.alumnosSeleccionados != null}">
					<h:outputText value="Jornada:"
						style=" display:inline-block; width:100%; text-align: left;" />
					<p:selectOneMenu id="panelTraslado_select_jornada"
						value="#{trasladosview.jornadaTrasladoSeleccionada}">
						<p:ajax
							update="panelTraslado_ciclo,panelTraslado_grado,panelTraslado_grupo"
							listener="#{trasladosview.seleccionarJornadaTraslado}" />
						<f:selectItem itemLabel="Seleccione una jornada" itemValue="" />
						<f:selectItems
							value="#{trasladosview.jornadasDisponiblesTraslado}"
							var="jornada" itemLabel="#{jornada.descripcion}"
							itemValue="#{jornada.codigo}" />
					</p:selectOneMenu>
					<p:tooltip id="tool_panelTraslado_jornada"
						for="panelTraslado_select_jornada"
						value="Seleccione la jornada a consultar" trackMouse="true" />
				</h:panelGroup>

				<h:panelGroup id="panelTraslado_ciclo" columns="3"
					rendered="#{not empty trasladosview.alumnosSeleccionados and trasladosview.alumnosSeleccionados != null}">
					<h:outputText value="Ciclo:"
						style=" display:inline-block; width:100%; text-align: left;" />
					<p:selectOneMenu id="panelTraslado_select_ciclo"
						value="#{trasladosview.cicloTrasladoSeleccionado}">
						<p:ajax update="panelTraslado_grado,panelTraslado_grupo"
							listener="#{trasladosview.seleccionarCicloTraslado}" />
						<f:selectItem itemLabel="Seleccione un ciclo" itemValue="" />
						<f:selectItems value="#{trasladosview.ciclosDisponiblesTraslado}"
							var="ciclo" itemLabel="#{ciclo.descripcion}"
							itemValue="#{ciclo.codigo}" />
					</p:selectOneMenu>
					<p:tooltip id="tool_panelTraslado_ciclo"
						for="panelTraslado_select_ciclo"
						value="Seleccione el ciclo a consultar" trackMouse="true" />
				</h:panelGroup>

				<h:panelGroup id="panelTraslado_grado" columns="3"
					rendered="#{not empty trasladosview.alumnosSeleccionados and trasladosview.alumnosSeleccionados != null}">
					<h:outputText value="Grado:"
						style=" display:inline-block; width:100%; text-align: left;" />
					<p:selectOneMenu id="panelTraslado_select_grado"
						value="#{trasladosview.gradoTrasladoSeleccionado}">
						<p:ajax update="panelTraslado_grupo"
							listener="#{trasladosview.seleccionarGradoTraslado}" />
						<f:selectItem itemLabel="Seleccione un grado" itemValue="" />
						<f:selectItems value="#{trasladosview.gradosDisponiblesTraslado}"
							var="grado" itemLabel="#{grado.descripcion}"
							itemValue="#{grado.codigo}" />
					</p:selectOneMenu>
					<p:tooltip id="tool_panelTraslado_grado"
						for="panelTraslado_select_grado"
						value="Seleccione el grado a consultar" trackMouse="true" />
				</h:panelGroup>

				<h:panelGroup id="panelTraslado_grupo" columns="3"
					rendered="#{not empty trasladosview.alumnosSeleccionados and trasladosview.alumnosSeleccionados != null}">
					<h:outputText value="Grupo:"
						style=" display:inline-block; width:100%; text-align: left;" />
					<p:selectOneMenu id="panelTraslado_select_grupo"
						value="#{trasladosview.grupoTrasladoSeleccionado}">
						<p:ajax update="panel_confirmacion"
							listener="#{trasladosview.seleccionarGrupoTraslado}" />
						<f:selectItem itemLabel="Seleccione un grupo" itemValue="" />
						<f:selectItems value="#{trasladosview.gruposDisponiblesTraslado}"
							var="grupo" itemLabel="#{grupo.descripcion}"
							itemValue="#{grupo.codigo}" />
					</p:selectOneMenu>
					<p:tooltip id="tool_panelTraslado_grupo"
						for="panelTraslado_select_grupo"
						value="Seleccione el grupo a consultar" trackMouse="true" />
				</h:panelGroup>

			</p:panelGrid>

			<h:panelGroup id="panel_confirmacion">

				<p:commandButton value="Aceptar"
					oncomplete="PF('trasladoDialog').hide();"
					actionListener="#{trasladosview.confirmarTraslado}"
					update="panelConsulta,panelConsulta_sede,panelConsulta_jornada,panelConsulta_ciclo,panelConsulta_grado,panelConsulta_grupo,group_traslado,panelTraslado,panel_confirmacion"
					rendered="#{not empty trasladosview.grupoTrasladoSeleccionado and trasladosview.grupoTrasladoSeleccionado != null}" />

				<p:commandButton value="Cancelar" type="button"
					onclick="PF('trasladoDialog').hide();" />

			</h:panelGroup>

		</p:dialog>


	</h:form>
</body>
</html>